﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <div id="content">
    	<section id="logoContainer"><a href="/home/index"><img id="logo" title="logo image" height="50" width="200px"" src="/content/images/logo.png" /></a></section>
        
        <section class="column" id="login">
            <form action="/home/play" method="post" name="login">
            <label>Game Type</label>
            <select name="gametype" id="gametype">
                <option selected="selected">One player game</option>
                <option>Two player game</option>
            </select>
            <label>Player Name</label>
            <input name="player1" type="text" maxlength="50" value="Máni"/>
            <label class="diff dsp-none">Difficulty 1-3</label>
            <input class="diff " name="diff" type="hidden" value="1"/>
            <label class="player2 dsp-none">Player 2 Name</label>
            <input class="player2 dsp-none" name="player2" type="text" maxlength="50" value="Mummi"/>
            <input class="button" id="logIn" name="logIn" type="submit" value="Log in">
            
            </form>
        </section>
        
        <section id="footer">© Misfitz. inc 2011 | <a href="#">new game</a> </section>
        <script type="text/javascript">
            $('#gametype').bind('change', function () {
                if ($('#gametype').val() == 'Two player game') {
                    $('.player2').removeClass('dsp-none');
                }
                else {
                    $('.player2').addClass('dsp-none');
                }
            });
            $('input').bind('focus', function () {
                $(this).val('');
            })
        
        </script>
</asp:Content>
